<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>QQ号码申请页面</title>
    <meta charset="utf-8">
    <style type="text/css">
        .ul1 li:nth-child(1){
            float: left;
            list-style-image: url(imges/step_01.gif);
            width: 100px;
        }
        .ul1 li:nth-child(2){
            float: left;
            list-style-image: url(imges/step_02.gif);
            width: 100px;
        }
        table{
            margin: 100px auto;
        }
    </style>
</head>
<body>
<div style="width:900px; height:809px; background-color: rgba(178,178,178,0.48); margin:auto;">
    <img src="imges/logo.gif">
    <dl style="float:right; ">
        <dd style="float:left;">申请免费帐号首页</dd>
        <dd style="float:left;">|</dd>
        <dd style="float:left;">反馈意见</dd>
    </dl>
    <dl>
        <dd style="float: left; background-color: rgba(72,168,207,0.64);"><a href="#" style="text-decoration: none; color: black;">网页免费申请</a></dd>
        <dd style="float: left;"><a href="#" style="text-decoration: none; color: black;">QQ靓号申请</a></dd>
        <dd style="float: left;"><a href="#" style="text-decoration: none; color: black;">手机申请</a></dd>
    </dl>
    <br>
    <ul style="float: right;" class="ul1">
        <li>
            <a href="#" style="text-decoration: none; color: black;">
                填写信息
            </a>
        </li>
        <li>
            <a href="#" style="text-decoration: none; color: black;">
                申请成功
            </a>
        </li>
    </ul>
    <form action="https://www.baidu.com" method="get">
        <table>
            <tr>
                <td>昵称：</td>
                <td><input type="text"></td>
            </tr>
            <tr>
                <td>头像：</td>
                <td><img src="imges/face.gif"></td>
            </tr>
            <tr>
                <td> </td>
                <td><input type="file" value="浏览..."></td>
            </tr>
            <tr>
                <td>生日：</td>
                <td>
                    <select>
                        <option>1990</option>
                        <option>1991</option>
                        <option>1992</option>
                    </select>年
                    <select>
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                    </select>月
                    <select>
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                    </select>日
                </td>
            </tr>
            <tr>
                <td>性别：</td>
                <td>
                    <input type="radio" id="man"><label for="man">男</label>
                    <input type="radio" id="gril"><label for="gril">女</label>
                </td>
            </tr>
            <tr>
                <td>密码：</td>
                <td><input type="password"></td>
            </tr>
            <tr>
                <td> </td>
                <td>6-16个字符组成，区分大小写，不能为9位以下纯数字</td>
            </tr>
            <tr>
                <td>确认密码：</td>
                <td><input type="password"></td>
            </tr>
            <tr>
                <td>所在地：</td>
                <td>
                    <select>
                        <option>广东</option>
                        <option>浙江</option>
                        <option selected>江西</option>
                    </select>省
                    <select>
                        <option>抚州</option>
                        <option>赣州</option>
                        <option>南昌</option>
                    </select>市
                    <select>
                        <option>崇仁</option>
                        <option>宜黄</option>
                        <option>临川</option>
                    </select>县
                </td>
            </tr>
            <tr>
                <td>爱好：</td>
                <td>
                    <input type="checkbox" id="pa"><label for="pa">爬山</label>
                    <input type="checkbox" id="you"><label for="you">游泳</label>
                    <input type="checkbox" id="hua"><label for="hua">滑雪</label>
                    <input type="checkbox" id="shang"><label for="shang">上网</label>
                </td>
            </tr>
            <tr>
                <td>验证码：</td>
                <td><input type="text"></td>
            </tr>
            <tr>
                <td>验证图片：</td>
                <td>
                    <img src="imges/veryCode.gif">
                    <a href="#">看不清楚？换张图片</a>
                </td>
            </tr>
            <tr>
                <td> </td>
                <td>
                    <input type="submit" value="确认并同意以下服务条款">
                    <input type="reset" value="重置">
                </td>
            </tr>
            <tr>
                <td> </td>
                <td>
                    <textarea rows="7" cols="40" name="introduce" style="resize:none;">腾讯在此特别提醒用户认真阅读、充分理解本《软件许可及服务协议》（下称《协议》）--- 用户应认真阅读、充分理解本《协议》中各条款，包括免除或者限制腾讯责任的免责条款及对用户的权利限制条款。请您审慎阅读并选择接受或不接受本《协议》（未成年人应在法定监护人陪同下阅读）。除非您接受本《协议》所有条款，否则您无权下载、安装或使用本软件及其相关服务。您的下载、安装、使用、帐号获取和登录等行为将视为对本《协议》的接受，并同意接受本《协议》各项条款的约束。
                    </textarea>
                </td>
            </tr>
        </table>
    </form>
    <p style="margin-top: -45px;">
    <span style="float: left">&copy; 1998-2001 Tencent Inc. All Rights Reserved</span>
    <span style="float: right">腾讯公司 版权所有</span>
    </p>
</div>
</body>
</html>